Практическая часть

Задание на выполнение лабораторной работы

1) Создайте документ с именем index.html, в заголовке которого поместите свои имя и фамилию и установите белый цвет фона. Включите в документ четыре абзаца текста, демонстрирующие различные случаи выравнивания. Разделите их горизонтальными линейками с различными значениями атрибутов.

2) Создайте файл first.html в каталоге public_html. Напишите свои фамилию и имя, используя заголовок первого уровня.

3) Установите желтый цвет фона (yellow) этого документа.

4) Разместите в документе три пословицы следующим образом: первая выравнивается по левому краю, пишется полужирным шрифтом красного цвета; вторая - по центру курсивным шрифтом зеленого цвета; третья - по правому краю подчеркнутым шрифтом синего цвета.

5) Включите в документ другие образцы логического и физического форматирования текста. Добавьте в документ фрагмент предварительно отформатированного текста. Как ведет себя такой фрагмент при уменьшении ширины окна браузера? 

6) Запустите браузер Netscape, выберите любую картинку и скопируйте ее к себе в директорию public_html (для копирования картинки поставьте курсор мыши на выбранное изображение, нажмите правую кнопку мышки и в появившемся контекстном меню выберите пункт "Сохранить картинку как..." ("Save image as..."), а в окне, задающем список директорий, выберите public_html и введите имя файла).

В документ, хранящийся в файле image.html, включите скопированное изображение, при этом рисунок должен иметь рамку шириной 3 пиксела и прижиматься к правому краю, а расстояние вокруг рисунка должно составлять 5 пикселов. Включите альтернативный текст в описание тега IMG.

7) Откройте файл image.html и сделайте в нем ссылку в виде картинки на файл first.html.

8) Откройте файл first.html и сделайте в нем текстовую ссылку на файл image.html.

9) Добавьте в файл first.html несколько абзацев текста в таком количестве, чтобы документ уже не помещался целиком в окне браузера. Отметьте последний абзац, присвоив ему имя end.

10) Включите ссылку, ведущую сразу к последнему абзацу файла first.html, в файл image.html.

11) В файл first.html включите ссылку на свой почтовый ящик.